
div.engine-window:not(.workflow-dashboard-publication-window):not(.workflowactiondialog-card):not(.publicationstatuswindow-card) {
  background: unset !important;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  padding-top: calc(2%) !important;
  left: 0 !important;
  top: 0 !important;
  z-index: 1033 !important;

  .indigo-modal-mask {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1032 !important;
    background: radial-gradient(ellipse at bottom right, rgba(38, 38, 38, 0.5) 0%, rgba(38, 38, 38, 0.71) 50%) !important;
    background-color: _color("white", a) !important;
    display: block !important;
  }

  .x-window-bwrap {
    position: relative !important;
    z-index: 1033 !important;
    left: 0 !important;
    top: 0 !important;
    width: 80% !important;
    height: 80% !important;
    padding: 0 !important;
    margin-top: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;

    .x-window-mc {
      display: flex;
      flex-direction: column;
      height: 100% !important;

      > .x-window-body {
        height: 100% !important;
        width: 100% !important;
        background: _color("secondary") !important;

        // override x-masked
        .x-masked {
          display: flex !important;
          justify-content: center;
          align-items: center;
          > div {
            display: none !important;
          }
          &::before {
            position: relative !important;
            width: 100% !important;
            height: 50% !important;
            left: 0 !important;
            top: 0 !important;
            background: _color("secondary") !important;
            align-items: center;
            display: flex !important;
            justify-content: center;
            content: "Loading ..." !important;
          }
        }

        > .edit-content-engine {
          height: 100% !important;
          width: 100% !important;

          > .x-tab-panel {
            height: 100% !important;
            width: 100% !important;

            > .x-tab-panel-header {
              display: none !important;
            }

            > .x-tab-panel-body {
              height: 100% !important;
              width: 100% !important;

              .x-panel-mc {
                height: 100% !important;
                width: 100% !important;
                display: flex;
                flex-direction: column;
                overflow-y: auto;

                .x-panel {
                  height: auto !important;
                  width: 100% !important;

                  .x-panel-header {
                    width: 100% !important;
                    height: auto !important;
                  }

                  .x-panel-bwrap {
                    width: 100% !important;

                    .x-panel-tbar {
                      width: 100% !important;

                      .x-toolbar {
                        width: 100% !important;
                      }
                    }

                    .x-form-label-top {
                      .x-form-label-left {
                        //Hide tle label of the first child to avoid repeating legend fieldset
                        .x-form-item:first-child {
                          label.x-form-item-label {
                            display: none !important;
                          }
                        }
                      }

                    }
                  }
                }

                .x-grid-panel {
                  flex-grow: 1;
                  flex-basis: 100%;
                  width: 100% !important;
                }
              }
            }
          }
        }
      }

      .x-window-bbar {
        flex-grow: 0;
        flex-basis: 45px !important;
        height: 45px !important;
        width: 100% !important;
        background-color: _color("secondary") !important;

        > .x-panel-fbar {
          height: 36px !important;
          width: 100% !important;
          @include _button(".button-cancel", "ACTIONBAR---SECONDARY", "remove-icons");
          @include _button(".button-save", "ACTIONBAR---SUGGESTED", "remove-icons");

          .x-toolbar-cell {
            padding-bottom: 0 !important;
            float: right;
            margin-left: 5px !important;
          }

          > table {
            width: 100% !important;
            display: block;

            > tbody {
              width: 100% !important;
              display: block;

              > tr {
                width: 100% !important;
                display: flex;
                flex-direction: row-reverse;
              }
            }
          }
        }
      }
    }
  }
}

#JahiaGxtUserGroupSelect {
  top: calc((100% - 485px) / 2) !important;
  left: calc((100% - 750px) / 2) !important;
  width: 750px !important;
  height: 485px !important;
  z-index: 9999 !important;

  .x-panel-fbar {
    height: 36px !important;
    width: 100% !important;
    @include _button(".button-cancel", "ACTIONBAR---SECONDARY", "remove-icons");
    @include _button(".button-add", "ACTIONBAR---SECONDARY", "remove-icons");
  }
}

